
body {
  margin: 0;
  padding: 0;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: "proxima-nova",sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6, ul, blockquote {
	margin: 0;
	padding: 0;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  /*text-decoration: underline;*/
}
.clear {
	clear: both;
}
.ease {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.alignright {
	float: right;
}
.ease-fade {
}

header {
	background: url("../img/header-bg.png") bottom no-repeat;
	/*height: 500px;*/
	min-width: 1000px;
}
.inner-header {
	height: 198px;
}
header section {
	position: relative;
	margin: 0 auto;
}
header h1 {
	width: 569px;
	height: 187px;
	
}
header h1 a {
	width: 569px;
	height: 187px;
	text-indent: -9000em;
	/*overflow: hidden;*/
	display: block;
}
header .social {
	position: absolute;
	top: 15px;
	right: 0;
}
header .social ul {
	float: right;
	list-style: none;
}
header .social li {
	display: inline-block;
	margin: 0 1px;
}
header .social a {
	display: block;
	color: #292929;
	text-decoration: none;
}
header .social li .facebook,
header .social li .twitter,
header .social li .google,
header .social li .youtube {
	background-image: url("../img/social-media-sprite.png");
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	text-indent: -9000em;
	overflow: hidden;
}
header .social li .facebook {
	background-color: #39599f;
	background-position: 0 0;
}
header .social li .twitter {
	background-color: #45b0e3;
	background-position: -24px 0;
}
header .social li .google {
	background-color: #45454d;
	background-position: -47px 1px;
}
header .social li .youtube {
	background-color: #e70031;
	background-position: -72px 1px;
}
header .social li .facebook:hover,
header .social li .twitter:hover,
header .social li .google:hover,
header .social li .youtube:hover {
	background-color: #999;
}
header .social .blog {
	margin: 0 0 0 5px;
}
header .social .blog a {
	border-left: 1px solid #ccc;
	font-size: 14px;
	height: 24px;
}
header .social .blog span {
	display: block;
	padding: 0 8px;	
}

header .main {
	position: absolute;
	right: 0;
	bottom: 10px;
	padding-right: 35px;
}
header .main ul {
	float: right;
	list-style: none;
	clear:both;
}
header .main li {
	display: inline-block;
	margin: 0 8px;
}
header .main a {
	/*display: block;*/
	color: #292929;
	font-size: 15px;
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}
header .main a:hover {
	color: #666;
	border-bottom: 1px solid #ccc;
}
header .billboard {
	border-top: 1px solid #e5e5e5;
}
header .billboard .lt {
	margin: 0;
	padding-top: 35px;
	width: 40%;
}
header .billboard h2 {
	font-size: 26px;
	font-weight: 300;
	line-height: 1.2em;
	text-align: right;
}
header .billboard h2 span {
	display: block;
}
header .billboard h2 strong {
	font-weight: 600;
	font-size: 42px;
	line-height: 1em;
}
header .billboard a {
	display: inline-block;
	font-size: 24px;
	text-decoration: none;
	font-weight: 300;
}
header .billboard .ctas {
	padding: 20px 0 0 0;
	text-align: right;
}
header .billboard .ctas a {
	margin-left: 15px;
}
header .billboard .experience {
	color: #000;
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
}
header .billboard .experience:hover {
	color: #999;
	border: 0;
}
header .billboard .discover {
	color: #fff;
	padding: 15px 20px;
	background: #e04545;
}
header .billboard .discover:hover {
	background: #999;
}
header .billboard .slideshow {
	position: absolute;
	top: -34px;
	right: 0;
	box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 15px #ccc;
	-moz-box-shadow: 0 0 15px #ccc;
	-o-box-shadow: 0 0 15px #ccc;
	height: 315px;
	overflow: hidden;
}
.content {
	width: 930px;
margin-left: 210px;
}
.content .inner {
	margin: 0 auto;
	position: relative;
}
.content .inner h5 {
	padding: 15px;
	font-weight: 600;
	font-size: 30px;
	line-height: 1em;
	/*border-left: 1px solid #bfbfbf;*/
}
.content .inner h5 span {
	display: block;
	font-weight: 300;
	font-size: 18px;
}
.content .home-services-quicklinks {
	/*width: 50%;*/
	width: 100%;
	height: 600px;
}
.content .home-services-quicklinks ul {
	list-style: none;
}
.content .home-services-quicklinks li {
	float: left;
	margin: 0 25px 4px 0px;
}
.content .home-services-quicklinks a {
	display: block;
	color: #fff;
	font-size: 21px;
	text-align: center;
	text-decoration: none;
	background-position: 50% 30%;
	background-repeat: no-repeat;
}
.content .home-services-quicklinks span {
	display: block;
	padding-top: 5%;
}
.content .home-services-quicklinks .webdesign,
.content .home-services-quicklinks .ui,
.content .home-services-quicklinks .mobiledesign {
	width: 238px;
	height: 238px;	
}
.content .home-services-quicklinks .media,
.content .home-services-quicklinks .seo {
	width: 238px;
	height: 238px;
}
.content .home-services-quicklinks .webdesign {
	background-color: #A3CD39;
	background-image: url("../img/web-design-white-ico.png");
	width: 150px;
	height: 150px;
}
.content .home-services-quicklinks .ui {
	background-color: #999A36;
	background-image: url('../img/ui-white-ico.png');
	width: 150px;
	height: 150px;
}
.content .home-services-quicklinks .mobiledesign {
	background-color: #3287c2;
	background-image: url('../img/mobile-design-white-ico.png');
}
.content .home-services-quicklinks .media {
	background-color: #f17b1c;
	background-image: url('../img/media-white-ico.png');
}
.content .home-services-quicklinks .seo {
	background-color: #FF6600;
	background-image: url('../img/seo-white-ico.png');
	width: 150px;
	height: 150px;
}
.content .home-services-quicklinks a:hover {
	background-color: #999;
}
.content .the-momentum-process {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 400px;
}
.content .the-momentum-process h4 {
	font-size: 56px;
	font-weight: 100;
	text-align: right;
	line-height: 0.7em;
}
.content .the-momentum-process h4 span {
	display: block;
}
.the-momentum-process h3 {
	font-size: 30px;
	font-weight: 100;
	color: #0b0b0b;
}
.the-momentum-process p {
	font-size: 13px;
	color: #7f7f7f;
	line-height: 1.3em;
}
.the-momentum-process .ico {
	background-image: url("../img/home-process-sprite.png");
	background-repeat: no-repeat;
	position: absolute;
}
.the-momentum-process .meet,
.the-momentum-process .plan,
.the-momentum-process .design,
.the-momentum-process .testing,
.the-momentum-process .launch,
.the-momentum-process .arrow-one,
.the-momentum-process .arrow-two,
.the-momentum-process .arrow-three,
.the-momentum-process .arrow-four,
.the-momentum-process .arrow-five {
	position: absolute;
}
.the-momentum-process .meet {
	top: 130px;
	right: 0;
	width: 248px;
}
.the-momentum-process .meet .ico {
	width: 78px;
	height: 56px;
	top: 0;
	left: -100px;
	background-position: 0 0;
}
.the-momentum-process .plan {
	top: 230px;
	left: -230px;
	width: 193px;
	text-align: right;
}
.the-momentum-process .plan .ico {
	width: 96px;
	height: 79px;
	top: 0;
	right: -110px;
	background-position: -150px 0;
}
.the-momentum-process .design {
	top: 390px;
	left: -340px;
	width: 228px;
}
.the-momentum-process .design .ico {
	width: 98px;
	height: 90px;
	top: 0;
	left: -110px;
	background-position: -300px 0;
}
.the-momentum-process .testing {
	top: 520px;
	left: -100px;
	width: 203px;
}
.the-momentum-process .testing .ico {
	width: 49px;
	height: 50px;
	top: 0;
	left: -60px;
	background-position: -450px 0;
}
.the-momentum-process .launch {
	top: 590px;
	right: 120px;
	width: 198px;
	text-align: right;
}
.the-momentum-process .launch .ico {
	width: 263px;
	height: 198px;
	top: -20px;
	right: -120px;
	background-position: -600px 0;
}
.the-momentum-process .arrow-one,
.the-momentum-process .arrow-two,
.the-momentum-process .arrow-three,
.the-momentum-process .arrow-four,
.the-momentum-process .arrow-five,
.the-momentum-process .meet-the-team .arrows {
	background-image: url("../img/home-process-sprite.png");
	background-repeat: no-repeat;
}
.the-momentum-process .arrow-one {
	width: 78px;
	height: 56px;
	top: 160px;
	left: -50px;
	background-position: 0 -158px;
}
.the-momentum-process .arrow-two {
	width: 69px;
	height: 66px;
	top: 310px;
	left: -310px;
	background-position: 0 -239px;
}
.the-momentum-process .arrow-two {
	width: 69px;
	height: 66px;
	top: 310px;
	left: -310px;
	background-position: 0 -239px;
}
.the-momentum-process .arrow-three {
	width: 127px;
	height: 87px;
	top: 525px;
	left: -300px;
	background-position: 0 -325px;
}
.the-momentum-process .arrow-four {
	width: 172px;
	height: 66px;
	top: 648px;
	left: -90px;
	background-position: -5px -433px;
}
.meet-the-team {
	position: absolute;
	top: 285px;
	right: 0;
	width: 184px;
	text-align: center;
}
.meet-the-team img {
	display: block;
}
.meet-the-team p {
	font-size: 18px;
	line-height: 1.1em;
	color: #0b0b0b;
	font-weight: 100;
	padding-top: 8px;
}
.meet-the-team p a {
	color: #0b0b0b;
	text-decoration: none;
}
.meet-the-team .arrows {
	width: 69px;
	height: 212px;
	position: absolute;
	top: 0;
	left: -75px;
	background-position: -150px -146px;
}
.samples-and-quotes {
	position: relative;
	height: 602px;
}
.samples-and-quotes h4 {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 32px;
	font-weight: 100;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 1em;
}
.samples-and-quotes h4 strong {
	display: block;
	font-weight: 300;
}
.samples-and-quotes .art {
	position: absolute;
	z-index: 1000;
	top: 50px;
	display: block;
	width: 681px;
	height: 652px;
	background: url("../img/home-process-sprite.png") 0 -1202px no-repeat;
}
.samples-and-quotes .art a {
	display: block;
	width: 681px;
	height: 652px;
	background: url("../img/home-process-sprite.png") 0 -550px no-repeat;
	text-indent: -9000em;
	overflow: hidden;
    -webkit-transition: opacity .6s ease-in-out, background 0s 2012s; 
    -moz-transition: opacity .6s ease-in-out, background 0s 2012s; 
    -o-transition: opacity .6s ease-in-out, background 0s 2012s; 
    transition: opacity .6s ease-in-out, background 0s 2012s;
}
.samples-and-quotes .art a:hover,
.samples-and-quotes .art a:focus {
	background: url("../img/home-process-sprite.png") 0 -1202px no-repeat;
	opacity: 0;
}
.samples-and-quotes .quote {
	position: absolute;
	width: 300px;
	top: 120px;
	right: 0;
	text-align: right;
}
.samples-and-quotes .quote h5 {
	font-size: 32px;
	border: 0;
	padding: 0 0 10px 0;
	font-weight: 100;
}
.samples-and-quotes .quote h5 strong {
	font-weight: 300;
}
.samples-and-quotes .quote blockquote {
	position: relative;
	border: 0;
	display: block;
	margin: 0;
	padding: 0 0 15px 90px;
}
.samples-and-quotes .quote blockquote .ico {
	width: 72px;
	height: 63px;
	position: absolute;
	top: 0;
	left: 20px;
	background: url("../img/home-process-sprite.png") -260px -137px no-repeat;
}
.samples-and-quotes .quote p strong {
	display: block;
}
.samples-and-quotes .arrow {
	width: 355px;
	height: 100px;
	position: absolute;
	top: 50px;
	right: 350px;
	background: url("../img/home-process-sprite.png") -186px -386px no-repeat;
}
.our-big-mouth {
	position: relative;
	padding: 0 20px;
	background: #f2f2f2;
	height: 200px;
}
.our-big-mouth h4 {
	position: relative;
	font-size: 48px;
	font-weight: 100;
	border: 0;
	padding: 15px 0;
	margin: 0 0 0 0;
	line-height: 0.8em;
	text-align: right;
	display: block;
}
.our-big-mouth h4 strong {
	display: block;
	font-weight: 300;
}
.our-big-mouth h4 .ico {
	width: 60px;
	height: 32px;
	position: absolute;
	top: 15px;
	right: 90px;
	background: url("../img/home-process-sprite.png") -260px -223px no-repeat;
}
.our-big-mouth ul {
	list-style: none;
}
.our-big-mouth li {
	float: left;
	width: 50%;
	position: relative;
	padding-bottom: 20px;
}
.our-big-mouth li h6 {
	padding: 15px 15px 0 45px;
	font-size: 24px;
	font-weight: normal;
	position: relative;
}
.our-big-mouth li p {
	display: block;
	padding: 15px 15px 5px 45px;
}
.our-big-mouth .latest-tweet p {
	margin-bottom: 20px !important;
}
.our-big-mouth li a {
	padding: 0 15px 0 45px;
	display: block;
	color: #e29f4f;
	font-size: 18px;
	text-decoration: none;
}
.our-big-mouth li p a {
	display: inline;
	padding: 0;
	font-size: 15px;
	color: #666;
	text-decoration: underline;
}
.our-big-mouth li p a:hover {
	text-decoration: none;
}
.our-big-mouth .latest-tweet .ico {
	width: 37px;
	height: 29px;
	position: absolute;
	top: 5px;
	left: 0;
	background: url("../img/home-process-sprite.png") -334px -226px no-repeat;
}
.our-big-mouth .blog-feed .ico {
	width: 31px;
	height: 32px;
	position: absolute;
	top: 5px;
	left: 0;
	background: url("../img/home-process-sprite.png") -389px -224px no-repeat;
}
.our-big-mouth .latest-news p {
	padding: 0 !important;
	margin: 0 !important;
	display: inline;
}
.our-big-mouth .latest-news p a {
	padding: 0 !important;
	margin: 0 !important;
}
.our-big-mouth .latest-news .ico {
	width: 35px;
	height: 33px;
	position: absolute;
	top: 5px;
	left: 0;
	background: url("../img/home-process-sprite.png") -436px -223px no-repeat;
}
.why-us {
	position: relative;
	background: #A3CD39;
	color: #fff;
	padding: 40px 20px;
	height:180px;
}
.why-us .why-us-txt {
width: 700px;
float: left;
margin-right: 50px;
overflow-wrap: break-word;
}
.why-us .newsletter {
	width: 400px;
float: left;

}
.why-us .newsletter h4 {
	border: 0;
	font-size: 50px;
	font-weight: 300;
	margin: 0;
	padding: 0;
}
.why-us .newsletter p {
	display: block;
	margin: 40px 0 0 0;
	padding: 0;
}
.why-us .why-us-txt h4 {
	border: 0;
	font-size: 50px;
	font-weight: 300;
	margin: 0;
	padding: 0;
}
.why-us .why-us-txt p {
	display: block;
	margin: 40px 0 0 0;
	padding: 0;
	width: 35%;
}
.why-us .why-us-txt p a {
	color: #fff;
	text-decoration: underline;
}
.why-us .why-us-txt p a:hover {
	color: #fff;
	text-decoration: none;
}
.why-us .get-started-now {
	display: block;
	position: absolute;
	top: 40px;
	right: 220px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}
.why-us .get-started-now .ico {
	width: 93px;
	height: 56px;
	position: absolute;
	top: 10px;
	left: 100px;
	background: url("../img/home-process-sprite.png") -359px -139px no-repeat;
}
.why-us .get-started-now h5 {
	padding: 80px 0 0 0;
	border: 0;
	width: 300px;
	font-size: 40px;
	font-weight: 500;
}
.why-us .get-started-now p {
	font-size: 19px;
}
.why-us .get-started-now small {
	font-size: 14px;
}
.why-us .get-started-now a {
	color: #fff;
	text-decoration: underline;
}
.why-us .not-ready {
	position: absolute;
	bottom: 75px;
	right: 240px;
	text-align: right;
	width: 200px;
}
.why-us .not-ready h5 {
	font-size: 28px;
	border: 0;
	padding: 0;
	margin: 0;
}
.why-us .not-ready p {
	font-size: 14px;
}
.why-us .not-ready .arrow {
	width: 75px;
	height: 16px;
	position: absolute;
	top: 10px;
	right: -100px;
	background: url("../img/home-process-sprite.png") -481px -160px no-repeat;
}
.why-us .social-icons {
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.why-us .social-icons ul {
	list-style: none;
}
.why-us .social-icons li {
	margin-bottom: 8px;
}
.why-us .social-icons a {
	display: block;
	width: 69px;
	height: 71px;
	text-decoration: none;
	text-indent: -9000em;
	overflow: hidden;
	background-color: #fff;
}
.why-us .social-icons .facebook {
	background-image: url("../img/facebook.png");
	background-repeat: no-repeat;
}
.why-us .social-icons .facebook {
	background-image: url("../img/facebook.png");
	background-repeat: no-repeat;
	background-color:#ccc;
	width: 60px;
	height: 60px;
}
.why-us .social-icons .linkedin {
	background-image: url("../img/linkedin.png");
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
}
.why-us .social-icons .google {
	background-image: url("../img/google.png");
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
}
.why-us .social-icons .youtube {
	background-image: url("../img/you-tube.png");
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
}
footer {
	padding: 30px 0;
	min-width: 1000px;
}
footer .page {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
footer .global {
	width: 100px;
}
footer .news {
	width: 100px;
}
footer .social {
	width: 100px;
}
footer nav {
	margin-left: 20px;
	float: left;
	width: 200px;
}
footer nav ul {
	list-style: none;
}
footer nav ul li {
	padding: 2px 0;
}
footer nav a {
	color: #666;
}
footer .brand {
	float: right;
	font-size: 11px;
	color: #666;
	text-align: right;
}
footer .brand p {
	padding-top: 10px;
}

/* Inner Layout */
.sub-page-layout {
}
.sub-page-layout .content {
	/*width: 1000px;*/
	position: relative;
	margin: 0 auto;
}
.sub-page-layout .content .inner-billboard {
	padding: 25px 0;
	margin-bottom: 25px;
	border-bottom: 1px solid #eee;
}
.sub-page-layout .content .inner-billboard h3 {
	font-weight: 100;
	font-size: 45px;
}

.sub-page-layout .content .inner-billboard blockquote {
	border: 0;
	padding: 5px 0 0 0;
	font-size: 14px;
}
.sub-page-layout .content .inner-billboard .filter {
	position: absolute;
	top: 50px;
	right: 20px;
}
.sub-page-layout .content .inner-billboard .filter span {
	color: #999;
}
.sub-page-layout .content .inner-billboard .filter a {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 2px;
	border: 1px solid #efefef;
	background: #fafafa;
}
.sub-page-layout .content .inner-billboard .filter a:hover {
	background: #45b0e3;
	color: #fff;
}
.sub-page-layout .content .inner-billboard .filter .active {
	background: #efefef;
	border: 1px solid #fff;
	color: #333;
}
.sub-page-layout .content .inner-billboard .filter .active:hover {
	background: #efefef;
	border: 1px solid #fff;
	color: #333;
	text-decoration: none;
}
.inquiries {
	width: 40%;
	padding: 20px;
	margin: 25px 0 0 0;
	background: #444 url("../img/inquiries-flip.gif") top right no-repeat;
	color: #fff;
}
.inquiries h2 {
	margin: 0;
	font-size: 36px;
	font-weight: 300;
}
.inquiries a {
	color: #fff;
}
aside {
	/*position: absolute;*/
	top: 0;
	right: 0;
	/*width: 200px;*/
	text-align: right;
	background: #fff;
	cursor:pointer;
}
aside h2 {	
	margin: 0;
	font-size: 36px;
	font-weight: 300;
	line-height: 0.8em;
	padding: 20px 0;
}
aside .main-title {
	color: #ccc;
}
aside nav {
}
aside nav ul {
	list-style: none;
}
aside nav ul li {
	margin-bottom: 1px;
	float:left;
}
aside nav a {
	display: inline-block;
	padding: 8px 20px;
	font-size: 14px;
	color: #000;
	text-align: right;
	text-decoration: none;
	background: #efefef;
	border-right: 1px solid #fff;
}
aside nav a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #e04545;
	border-right: 1px solid #fff;
}
aside nav .active {
	color: #666;
	background: #fff;
	border-bottom: 1px solid #e04545;
}
aside nav .active:hover {
	color: #666;
	background: #fff;
	border-bottom: 1px solid #e04545;
	cursor: default;
}
aside .news {
	padding: 20px 0;
	background: #efefef;
}
aside ul {
	list-style: none;
}
aside .news li {
	text-align: right;
}
aside .news li a {
	display: block;
	padding: 8px 20px 8px 0;
	color: #000;
	text-align: right;
}
aside .news li a:hover {
	text-decoration: none;
	background: #fff;
}
aside .news li a h3 {
	padding: 8px 0;
	margin: 0;
	font-weight: 300;
	line-height: 1em;
	font-size: 20px;
}
aside .news li a p {
	padding: 0 0 0 30px;
	margin: 0;
	color: #444;
	font-size: 12px;
	line-height: 1.2em;
}
aside .news li a span {
	font-size: 10px;
	color: #999;
}
aside .connect {
	padding: 20px;
}
aside .connect h5 {
	padding: 8px 0;
	margin: 0;
	font-weight: 300;
	line-height: 1em;
	font-size: 18px;
}
aside .social {
	float: right;
}
aside .social li {
	margin-bottom: 4px;
}
aside .social a {
	display: block;
	color: #292929;
	text-decoration: none;
}
aside .social li .facebook,
aside .social li .twitter,
aside .social li .google,
aside .social li .youtube  {
	background-image: url("../img/social-media-sprite.png");
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
	text-indent: -9000em;
	overflow: hidden;
}
aside .social li .facebook {
	background-color: #39599f;
	background-position: 6px 5px;
}
aside .social li .twitter {
	background-color: #45b0e3;
	background-position: -18px 5px;
}
aside .social li .google {
	background-color: #45454d;
	background-position: -42px 7px;
}
aside .social li .youtube {
	background-color: #e70031;
	background-position: -66px 7px;
}
aside .social li .facebook:hover,
aside .social li .twitter:hover,
aside .social li .google:hover,
aside .social li .youtube:hover {
	background-color: #e04545;
}



/* end | Inner Layout */

/* Services - Overview */
.services-col {
	width: 78%;
}
.services-col ul {
	list-style: none;
}
.services-col li {
	position: relative;
	padding: 15px 390px 15px 0;
	border-top: 1px solid #eee;
}
.services-col li:first-child {
	border-top: 0;
}
.services-col .rt {
	text-align: left;
	padding: 15px 0 15px 390px;
}
.services-col h2 {
	margin: 0;	
	padding: 10px 0 0 0;
	font-size: 52px;
	font-weight: 300;
}
.services-col h2 a {
	color: #000;
}
.services-col p {
	margin: 0;
	padding: 10px 0;
	color: #555	;
}
.services-col .cta {
	width: auto;
	display: inline-block;
	padding: 10px 0;
	margin-top: 10px;
	color: #e04545;
	background: #f7f7f7;
	text-align: center;
	width: 100px;
	text-decoration: none;
}
.services-col .cta:hover {
	background: #e04545;
	color: #fff;
}
.services-col li .ico {
	display: block;
	position: absolute;
	background-image: url("../img/home-process-sprite.png");
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9000em;
}
.services-col .web .ico {
	width: 211px;
	height: 186px;
	top: 70px;
	right: 75px;
	background-position: -900px 0;
}
.services-col .ui-and-ux .ico {
	width: 210px;
	height: 159px;
	top: 70px;
	left: 75px;
	background-position: -906px -212px;
}
.services-col .mobile-design .ico {
	width: 213px;
	height: 166px;
	top: 70px;
	right: 75px;
	background-position: -905px -404px;
}
.services-col .branding .ico {
	width: 216px;
	height: 178px;
	top: 70px;
	left: 75px;
	background-position: -904px -591px;
}
.services-col .video-and-media .ico {
	width: 200px;
	height: 149px;
	top: 70px;
	right: 75px;
	background-position: -904px -799px;
}
.services-col .graphic-design .ico {
	width: 203px;
	height: 132px;
	top: 70px;
	left: 75px;
	background-position: -904px -984px
}
.services-col .advertising .ico {
	width: 199px;
	height: 150px;
	top: 70px;
	right: 75px;
	background-position: -904px -1137px;
}
.services-col .marketing-and-strategic-planning .ico {
	width: 170px;
	height: 172px;
	top: 70px;
	left: 75px;
	background-position: -909px -1313px;
}
.services-col .seo .ico {
	width: 333px;
	height: 81px;
	top: 90px;
	right: 0;
	background-position: -904px -1516px;
}
.services-col .business-management-mentoring .ico {
	width: 250px;
	height: 172px;
	top: 70px;
	left: 75px;
	background-position: -904px -1982px;
}		
.services-inner {
	width: 78%;
}
.services-inner h3 {
	line-height: 1.2em;
}
.services-inner .sub-col {
	width: 48%;
	float: left;
}
.services-inner .services-sub-col .sub-bullet {
	padding: 0 !important;
}
.services-inner .services-sub-col .sub-bullet li {
	padding: 4px;
}
.services-inner ul {
	padding: 20px 0;
	margin-left: 40px;
}
/* end | Services - Overview */

/* Clients */
.clients-col {
	width:  78%;
}
.clients-col .sub-col {
	float: left;
	width: 50%;
}
.clients-col .sub-col ul {
	list-style: none;
}
.clients-col .sub-col li {
	font-size: 20px;
	padding: 10px;
}
/* end | Clients */

/* Studio */
.studio-col {
	width:  78%;
}
.studio-col ul {
	padding-top: 20px;
	list-style: none;
}
.studio-col li {
	float: left;
}
.studio-col .pic {
	width: 155px;
	text-align: center;
}
.studio-col .pic img {
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	-o-border-radius: 200px;
	border: 1px solid #ccc;
}
.studio-col .pic span {
	display: block;
	padding: 8px 0 0 0;
}
.studio-col .txt {
	width: 600px;
	padding: 20px 0;
	margin-left: 20px;
}
.studio-col .txt h3 {
	font-size: 40px;
	font-weight: 300;
	line-height: 0.8em;
}
.studio-col .txt h3 span {
	display: block;
	font-size: 18px;
}
.studio-col .txt .random li {
	width: 30%;
	padding-top: 10px;
	margin-right: 15px;
}
.studio-col .txt .random li strong {
	font-size: 18px;
	display: block;
	padding-bottom: 8px;
}
/* end | Studio */

/* start myAccount */
.account-gallery {
}
.account-gallery ul {
	list-style: none;
}
.account-gallery li {
	width: auto;
	margin: 0 10px 20px 10px;
	float: left;
	position: relative;
	border: 1px solid #f1f1f1;
	overflow: hidden;
	border-left: 1px solid #ccc;
}
/*.account-gallery li:hover {
	box-shadow: 0 0 15px #eee;
	-webkit-box-shadow: 0 0 15px #eee;
	-moz-box-shadow: 0 0 15px #eee;
	-o-box-shadow: 0 0 15px #eee;
	border: 1px solid #ccc;
    background-color: #ccc;
}*/
.account-gallery h2 {
	padding: 15px 15px 10px 15px;
	margin: 0;
	font-weight: 500;
	line-height: 1em;
	font-size: 26px;
	border-bottom: 1px solid #efefef;
	color: #222;
}
.account-gallery p {
	padding: 10px 15px;
	line-height:  1.4em;
	color: #444;
}
.account-gallery li:hover p {
	color: #000;
}
.account-gallery span {
	display: inline-block;
	padding: 15px;
	color: #fff;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 25px;
	font-weight: bold;
	line-height: 0.6em;
	text-align: center;
}
/* end myAccount */

/* News */
.news-gallery {
}
.news-gallery ul {
	list-style: none;
}
.news-gallery li {
	width: 300px;
	margin: 0 10px 20px 10px;
	float: left;
	position: relative;
	border: 1px solid #f1f1f1;
	overflow: hidden;
	border-left: 1px solid #ccc;
}
.news-gallery li:hover {
	box-shadow: 0 0 15px #eee;
	-webkit-box-shadow: 0 0 15px #eee;
	-moz-box-shadow: 0 0 15px #eee;
	-o-box-shadow: 0 0 15px #eee;
	border: 1px solid #ccc;
    background-color: #ccc;
}
.news-gallery h2 {
	padding: 75px 15px 10px 15px;
	margin: 0;
	font-weight: 500;
	line-height: 1em;
	font-size: 26px;
	border-bottom: 1px solid #efefef;
	color: #222;
}
.news-gallery p {
	padding: 10px 15px;
	line-height:  1.4em;
	color: #444;
}
.news-gallery li:hover p {
	color: #000;
}
.news-gallery span {
	display: inline-block;
	padding: 15px;
	color: #fff;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 25px;
	font-weight: bold;
	line-height: 0.6em;
	text-align: center;
}
.news-gallery span small {
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}
.news-gallery .read-more {
	width: auto;
	display: block;
	padding: 10px;
	margin-top: 10px;
	color: #45b0e3;
	background: #fff;
	text-align: center;
	width: 100px;
	text-decoration: none;
	border-top: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
.news-gallery .read-more:hover {
	background: #45b0e3;
	color: #fff;
}
.news-gallery .go-back {
	color: #fff;
	background: #ccc;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
	height: auto;
}
.news-gallery .go-back a {
	display: block;
	padding: 50px 0;
	color: #fff;
}
.news-gallery .live {
	text-align: center;
	background: #e04545;
	color: #fff;
	padding: 40px 0;
}
.news-gallery .live h2, 
.news-gallery .live p,
.news-gallery .live h2:hover, 
.news-gallery .live p:hover {
	color: #fff;
	border: 0 !important;
}
.news-gallery .live a {
	color: #fff;
}
.news-gallery .live span {
	display: inline-block;
	padding: 15px;
	color: #e04545;
	background: #fff;
	position: absolute;
	top: 30px;
	left: 43%;
	font-size: 25px;
	font-weight: bold;
	line-height: 0.6em;
	text-align: center;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-o-border-radius: 40px;
}
.news-gallery .live:hover {
	color: #fff !important;
}
.news-gallery .fb {
	color: #fff;
	background: #39599f;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
	height: auto;
}
.news-gallery .fb a {
	display: block;
	padding: 114px 0;
	color: #fff;
	font-weight: 300;
}
.news-gallery .fb a small {
	font-size: 12px;
}
.news-gallery .fb a strong {
	display: block;
}
/* end | News */

/* Contact */
.contact-col {
	width: 68%;
}
.contact-right{
position: absolute;
top: 0;
right: 0;
text-align: right;
background: #fff;
}
.contact-col .submit {
	background: #e04545;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	color: #fff;
	border: 0;
	padding: 10px 15px;
}
.contact-col .submit:hover {
	background: #e04545;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	color: #fff;
	border: 0;
	padding: 10px 15px;
}
.contact-col .general-contact-information a {
	display: block;
}
/* end | Contact */

/* Quote */
.quote-col {
	width: 68%;
}

.quote-col .submit {
	background: #e04545;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	color: #fff;
	border: 0;
	padding: 10px 15px;
}
.quote-col .submit:hover {
	background: #e04545;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	color: #fff;
	border: 0;
	padding: 10px 15px;
}
.quote-col .general-quote-information a {
	display: block;
}
/* end | Quote */

.safari .wufoo input.file{
	background:none;
	border:none;
}

.wufoo li.focused{
	background-color:#FFF7C0;
}
.wufoo .instruct{
	background-color:#F5F5F5;
}
.wufoo .info, .wufoo .paging-context{
	border-bottom:1px dotted #CCCCCC;
}
.wufoo .section h3, .wufoo .captcha, #payment .paging-context{
	border-top:1px dotted #CCCCCC;
}
.wufoo input.text, .wufoo textarea.textarea{

}
.wufoo .instruct{
	border:1px solid #E6E6E6;
}
.fixed .info{
	border-bottom:none;
}
.wufoo li.section.scrollText{
	border-color:#dedede;
}

/* ----- Typography ----- */
.wufoo .info h2{
	font-size:160%;
	font-family:inherit;
	font-style:normal;
	font-weight:normal;
	color:#000000;
}
.wufoo .info div{
	font-size:95%;
	font-family:inherit;
	font-style:normal;
	font-weight:normal;
	color:#444444;
}
.wufoo .section h3{
	font-size:110%;
	font-family:inherit;
	font-style:normal;
	font-weight:normal;
	color:#000000;
}
.wufoo .section div{
	font-size:85%;
	font-family:inherit;
	font-style:normal;
	font-weight:normal;
	color:#444444;
}

.wufoo label.desc, .wufoo legend.desc{
	font-size:95%;
	font-family:inherit;
	font-style:normal;
	font-weight:bold;
	color:#444444;
}

.wufoo label.choice{
	font-size:100%;
	font-family:inherit;
	font-style:normal;
	font-weight:normal;
	color:#444444;
}
.wufoo input.text, .wufoo textarea.textarea, .wufoo input.file, .wufoo select.select{
	font-style:normal;
	font-weight:normal;
	color:#333333;
	font-size:100%;
}
{* Custom Fonts Break Dropdown Selection in IE *}
.wufoo input.text, .wufoo textarea.textarea, .wufoo input.file{ 
	font-family:inherit;
}


.wufoo li div, .wufoo li span, .wufoo li div label, .wufoo li span label{
	font-family:inherit;
	color:#444444;
}
.safari .wufoo input.file{ /* Webkit */
	font-size:100%;
	font-family:inherit;
	color:#444444;
}
.wufoo .instruct small{
	font-size:85%;
	font-family:inherit;
	font-style:normal;
	font-weight:normal;
	color:#444444;
}

.altInstruct small, li.leftHalf small, li.rightHalf small,
li.leftThird small, li.middleThird small, li.rightThird small,
.iphone small{
	color:#444444 !important;
}

/* ----- Button Styles ----- */

.wufoo input.btTxt{

}

/* ----- Highlight Styles ----- */

.wufoo li.focused label.desc, .wufoo li.focused legend.desc,
.wufoo li.focused div, .wufoo li.focused span, .wufoo li.focused div label, .wufoo li.focused span label,
.safari .wufoo li.focused input.file{ 
	color:#000000;
}

/* ----- Confirmation ----- */

.confirm h2{
	font-family:inherit;
	color:#444444;
}
a.powertiny b, a.powertiny em{
	color:#1a1a1a !important;
}
.embed a.powertiny b, .embed a.powertiny em{
	color:#1a1a1a !important;
}

/* ----- Pagination ----- */

.pgStyle1 var, .pgStyle2 var, .pgStyle2 em, .page1 .pgStyle2 var, .pgStyle1 b, .wufoo .buttons .marker{
	font-family:inherit;
	color:#444444;
}
.pgStyle1 var, .pgStyle2 td{
	border:1px solid #cccccc;
}
.pgStyle1 .done var{
	background:#cccccc;
}

.pgStyle1 .selected var, .pgStyle2 var, .pgStyle2 var em{
	background:#FFF7C0;
	color:#000000;
}
.pgStyle1 .selected var{
	border:1px solid #e6dead;
}


/* Likert Backgrounds */

.likert table{
	background-color:#FFFFFF;
}
.likert thead td, .likert thead th{
	background-color:#e6e6e6;
}
.likert tbody tr.alt td, .likert tbody tr.alt th{
	background-color:#f5f5f5;
}

/* Likert Borders */

.likert table, .likert th, .likert td{
	border-color:#dedede;
}
.likert td{
	border-left:1px solid #cccccc;
}

/* Likert Typography */

.likert caption, .likert thead td, .likert tbody th label{
	color:#444444;
	font-family:inherit;
}
.likert tbody td label{
	color:#575757;
	font-family:inherit;
}
.likert caption, .likert tbody th label{
	font-size:95%;
}

/* Likert Hover */

.likert tbody tr:hover td, .likert tbody tr:hover th, .likert tbody tr:hover label{
	background-color:#FFF7C0;
	color:#000000;
}
.likert tbody tr:hover td{
	border-left:1px solid #ccc69a;
}

/* ----- Running Total ----- */

.wufoo #lola{
	background:#e6e6e6;
}
.wufoo #lola tbody td{
	border-bottom:1px solid #cccccc;
}
.wufoo #lola{
	font-family:inherit;
	color:#444444;
}
.wufoo #lola tfoot th{
	color:#696969;
}

/* ----- Report Styles ----- */

.wufoo .wfo_graph h3{
	font-size:95%;
	font-family:inherit;
	color:#444444;
}
.wfo_txt, .wfo_graph h4{
	color:#444444;
}
.wufoo .footer h4{
	color:#000000;
}
.wufoo .footer span{
	color:#444444;
}

/* ----- Number Widget ----- */

.wfo_number{
	background-color:#f5f5f5;
	border-color:#dedede;
}
.wfo_number strong, .wfo_number em{
	color:#000000;
}

/* ----- Chart Widget Border and Background Colors ----- */

#widget, #widget body{
	background:#FFFFFF;
}
.fcNav a.show{
	background-color:#FFFFFF;
	border-color:#cccccc;
}
.fc table{
	border-left:1px solid #dedede;	
}
.fc thead th, .fc .more th{
	background-color:#dedede !important;
	border-right:1px solid #cccccc !important;
}
.fc tbody td, .fc tbody th, .fc tfoot th, .fc tfoot td{
	background-color:#FFFFFF;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #dedede;
}
.fc tbody tr.alt td, .fc tbody tr.alt th, .fc tbody td.alt{
	background-color:#f5f5f5;
}

/* ----- Chart Widget Typography Colors ----- */

.fc caption, .fcNav, .fcNav a{
	color:#444444;
}
.fc tfoot, 
.fc thead th,
.fc tbody th div, 
.fc tbody td.count, .fc .cards tbody td a, .fc td.percent var,
.fc .timestamp span{
	color:#000000;
}
.fc .indent .count{
	color:#4b4b4b;
}
.fc .cards tbody td a span{
	color:#7d7d7d;
}

/* ----- Chart Widget Hover Colors ----- */

.fc tbody tr:hover td, .fc tbody tr:hover th,
.fc tfoot tr:hover td, .fc tfoot tr:hover th{
	background-color:#FFF7C0;
}
.fc tbody tr:hover th div, .fc tbody tr:hover td, .fc tbody tr:hover var,
.fc tfoot tr:hover th div, .fc tfoot tr:hover td, .fc tfoot tr:hover var{
	color:#000000;
}

/* ----- Payment Summary ----- */

.invoice thead th, 
.invoice tbody th, .invoice tbody td,
.invoice tfoot th,
.invoice .total,
.invoice tfoot .last th, .invoice tfoot .last td,
.invoice tfoot th, .invoice tfoot td{
	border-color:#dedede;
}
.invoice thead th, .wufoo .checkNotice{
	background:#f5f5f5;
}
.invoice th, .invoice td{
	color:#000000;
}
#ppSection, #ccSection{
	border-bottom:1px dotted #CCCCCC;
}
#shipSection, #invoiceSection{
	border-top:1px dotted #CCCCCC;
}

/* Drop Shadows */